<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/static/context/mytags.jsp"%>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>${sysname}-产品试用</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="toTop" content="true"><!--返回顶部-->

    <%@ include file="../../../static/context/cssheader.jsp"%>

    <!-- 上传 -->
    <link rel="stylesheet" type="text/css" href="${basePath}/static/webuploader/css/webuploader.css" />
    <link rel="stylesheet" type="text/css" href="${basePath}/static/webuploader/examples/image-upload/style.css" />

    <%@ include file="../../../static/context/cndheader.jsp"%>
    <style>
        .uploader .queueList {
            margin: 0px;
        }

        .uploader .placeholder {
            border: 2px solid #e6e6e6;
        }
    </style>
</head>
<body class="bd-box">
<!----------------------------------页头-------------------------------->
<!--头部开始-->
<jsp:include page="header.jsp"></jsp:include>
<!--header-->
<!----------------------------------主体内容-------------------------------->
<div class="contentBody">
    <div class="row">
        <!-- 路径导航 -->
        <ol class="breadcrumb">
            <li><a href="${basePath}/custom/product/page/list">首页</a></li>
            <li><a href="${basePath}/custom/product/page/list">商品列表</a></li>
            <li><a href="${basePath}/custom/product/page/detail/${product.id}">产品详情</a></li>
            <li class="active">商品使用</li>
        </ol>
    </div>
    <div class="iBox">
        <div class="iBox-body">
            <div class="row">
                <%--<div class="col-xs-4 am-padding">
                    <div class="profile-info">
                        <c:if test="${empty product.pics}">
                            <img src="${basePath}/static/custom/images/sp_img.png" alt="">
                        </c:if>
                        <c:if test="${not empty product.pics}">
                            <img src="${basePath}/fileDownLoad/showFile/${product.picFirstId}" alt="">
                        </c:if>
                    </div>
                </div>--%>
                <div class="col-xs-12">
                    <ul class="goods-info-right">
                        <li>
                            <div class="row">
                                <div class="col-xs-12">
                                    <h1 class="goods-info-name">${product.name}</h1>
                                </div>
                            </div>
                            <div class="am-text-gray am-margin-vertical-xs text-left">
                                <p>类型：${product.typeName}</p>
                                <p>描述：${product.content}</p>
                            </div>
                            <hr class="dotted">
                            <ol class="list-text-info">
                                <dl>
                                    <div class="price_num">￥<b><fmt:formatNumber type="number" value="${product.price}" pattern="#.00"/></b>
                                        <small class="text-gray"></small>
                                    </div>

                                </dl>
                            </ol>
                            <hr class="dotted">
                        </li>
                    </ul>

                    <form class="form-group padding-md" id="orderform" method="post">
                        <input type="hidden" value="${product.id}" id="productId" name="productId">
                        <div class="form-group">
                            <label for="exampleInputEmail1">上传文件：</label>
                            <div id="uploaderpic" class="uploader">
                                <div class="queueList" >
                                    <div id="dndAreapic" class="placeholder">
                                        <div id="filePickerpic"></div>
                                        <p>或将文件拖到这里，单次最多可选10个</p>
                                     </div>
                                </div>
                                <div class="statusBar" style="display:none;">
                                    <div class="progress">
                                        <span class="text">0%</span>
                                        <span class="percentage"></span>
                                    </div><div class="info"></div>
                                    <div class="btns">
                                        <div id="filePickerpic2" class="filePicker2"></div><div class="uploadBtn">开始上传</div>
                                    </div>
                                </div>
                            </div>
                            <div id="myAlert" class="alert alert-warning">
                                <strong>提示：</strong>最大可以上传50M的文件
                            </div>
                        </div>

                        <div class="form-group">
                            <label for="exampleInputPassword1">备注：</label>
                            <textarea class="form-control" rows="3" id="content" name="content"></textarea>
                        </div>

                        <a href="javascript:void(0);" class="btn btn-primary btn-lg" id="submittry">提交试用</a>
                    </form>

                </div>
            </div>

        </div>
    </div>
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                    提示
                </h4>
            </div>
            <div class="modal-body">
                上传成功，后台处理中，请留意处理结果消息
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">
                    确定
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<!----------------------------------页脚-------------------------------->
<jsp:include page="footer.jsp"></jsp:include>


<%@ include file="/static/context/customjs.jsp"%>

<!-- 上传Web Uploader -->
<script type="text/javascript">
    // 添加全局站点信息
    var serverPath = '${basePath}/fileUpload/webupload';
    var basePath = '${basePath}';
</script>
<script type="text/javascript" src="${basePath}/static/webuploader/dist/webuploader.js"></script>
<script type="text/javascript" src="${basePath}/static/js/custom/uploadtry.js"></script>
<script type="text/javascript" src="${basePath}/static/js/custom/product_try.js"></script>
</body>
</html>
